<template>
  <div id="app">
    
  <transition :name="aniType">
      <router-view></router-view>
  </transition>
  </div>
</template>

<script>
export default {
  data:function(){
    return {
      aniType:""
    };
  },
  computed:{
   
  },
  mounted:function(){
    this.$store.dispatch("requestLoginIntro");
  },
  watch:{
    $route:function(n,o){
      var nDeep = n.path.split("/").length-1;
      var oDeep = o.path.split("/").length-1;
      if(nDeep>oDeep){
        this.aniType = "pagein";
      }else if(nDeep<oDeep){
        this.aniType = "pageout";
      }else{
        this.aniType = "";
      }
    }
  }
}
</script>

<style scoped>

</style>
